<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>课题管理</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		$('#dg').datagrid({
			toolbar : [ {
				iconCls : 'icon-tip',
				text : '查询审核通过的课题',
				handler : function() {
					$('#course').window('open');
					$('#tb-add').window('close');
				}
			}, '-',{
				iconCls : 'icon-add',
				text : '上传课题',
				handler : function() {
					$('#win').window('open');
					$('#tb-add').window('open');
					$('#course').window('close');
				}
			}, '-', {
				iconCls : 'icon-edit',
				text : '修改课题',
				handler : function() {
					$('#tb-add').window('open');
					$('#course').window('close');
					var selects = $('#tba').datagrid('getSelections');
					if(selects.length==1){
						$('#win-upd').window('open');
					}else if(selects.length==0){
						$.messager.alert('提示', '请选择您要修改的课题');
					}else{
						$.messager.confirm('提示', '只能单行修改', function(r) {
							if (r) {
								$('#tba').datagrid('uncheckAll');
							}
						});
					}
					
				}
			}, '-', {
				iconCls : 'icon-remove',
				text : '删除课题',
				handler : function() {
					$('#tb-add').window('open');//显示已请求课题表
					$('#course').window('close');//关闭已通过课题表
					var stus = $('#tba').datagrid('getSelections');//获取所有被选中的行
					if (stus.length == 1) {
						var a =  $('#tba').datagrid('getChecked');//获取选中的某行
						var appstate = a[0].appstate;//获取此行字段为appid下面的值
						var appid = a[0].appid;//获取此行字段为appid下面的值
						$.messager.confirm('提示', '您正在删除课题，确定继续？', function(r) {
							if (r) {
								$.ajax({
									url : 'delCourse',
									type : 'post',
									data : {'astate':appstate,'aid':appid},
									dataType : 'json',
									success : function(data) {
										if (data == 1) {
											$.messager.show({
												title : '提示信息',
												msg : '成功删除课题',
												timeout : 3000,
												showType : 'fade'
											});

										} else if (data == 2) {
											$.messager.show({
												title : '提示信息',
												msg : '删除失败',
												timeout : 3000,
												showType : 'fade'
											});
										}else if (data == 0){
											$.messager.alert('提示', '此课题已被审核通过，不能删除！');
										}
										$('#in1').textbox('clear');
										$('#tba').datagrid('reload');
									},
								});
								$('#tba').datagrid('uncheckAll');
								
							}
						});
					} else if (stus.length == 0) {
						$.messager.alert('提示', '请选择您要删除的课题');
					} else {
						$.messager.confirm('提示', '请选择单行', function(r) {
							if (r) {
								$('#tba').datagrid('uncheckAll');
							}
						});
					}
				}
			} ]
		});
		//已通过课程的数据表
		$('#tb').datagrid({
			title:'已通过课题',
			rownumbers : true,
			fitColumns : true,
			url : 'queryCourse',
			columns : [ [ {
				field : 'cid',
				title : '序列号',
				width : 100,
				align : 'center'
			}, {
				field : 'cname',
				title : '课题名称',
				width : 200,
				align : 'center'
			}, {
				field : 'tname',
				title : '指导老师',
				width : 100,
				align : 'center'
			}, {
				field : 'tdepart',
				title : '所属院系',
				width : 100,
				align : 'center'
			}, {
				field : 'cstate',
				title : '选课状态',
				width : 100,
				align : 'center'
			}, {
				field : 'sname',
				title : '选课学生',
				width : 100,
				align : 'center'
			}, ] ],

		});
		//上传课题的提交按钮
		$('#btn').linkbutton({
			onClick : function() {
				var a1 = $('#in1').val();
				if (a1.length >= 4) {
					$.messager.confirm('提示', '确认提交么？', function(r) {
						if (r) {
							$.ajax({
								url : 'addApp',
								type : 'post',
								data : {'acontent' : a1},
								dataType : 'json',
								success : function(data) {
									if (data == 1) {
										$.messager.show({
											title : '提示信息',
											msg : '成功上传课题，等待审核',
											timeout : 3000,
											showType : 'fade'
										});
									} else if (data == 0) {
										$.messager.show({
											title : '提示信息',
											msg : '上传日期已截止，上传失败',
											timeout : 3000,
											showType : 'fade'
										});
									}
									$('#in1').textbox('clear');
									$('#tba').datagrid('reload');
								},
							});
							$('#win').window('close');
						}
					});
				} else {
					$.messager.alert('提示', '课题名称格式错误，请重新输入');
				}
				
			}
		});
		//上传课题的取消按钮
		$('#bt').linkbutton({
			onClick : function() {
				$('#in1').textbox('clear');
				$('#win').window('close');
			}
		});
		//上传课题的弹窗
		$('#win').window({
			closed : true,
			title : '上传课题',
			width : 450,
			height : 250,
			modal : true,
			draggable : false,
			closable : false,
			maximizable : false,
			minimizable : false,
			collapsible : false,
			resizable : false
		});
		//修改课题的提交按钮
		$('#btn-upd').linkbutton({
			onClick : function() {
				var b = $('#tba').datagrid('getChecked');
				var oldCourse = b[0].appcontent;
				var newCourse = $('#in-upd').val();
				var appid = b[0].appid;
				var appstate = b[0].appstate;
				if(newCourse.length<4){
					$.messager.alert('提示', '课题名称格式错误，请重新输入');
				}
				else{
				$.messager.confirm('提示信息','您正在将课题'+'“'+oldCourse+'”'+'修改为'+'“'+newCourse+'”'+'，是否确认？',
				function(r){
					if(r){
						$.ajax({
						url:'updCourse',
						data:{'aid':appid,'acontent':newCourse,'appstate':appstate},
						dataType:'json',
						type:'post',
						success:function(data){
							if(data==1){
								$.messager.show({
									title : '提示信息',
									msg : '修改成功！请等待管理员审核。',
									timeout : 3000,
									showType : 'fade'
								});
								
							}else if(data == 2){
								$.messager.show({
									title : '提示信息',
									msg : '修改失败！',
									timeout : 3000,
									showType : 'fade'
								});
							}
							else if(data == 0){
								$.messager.show({
									title : '提示信息',
									msg : '该课题已审核通过，无法修改！',
									timeout : 3000,
									showType : 'fade'
								});
							}
						$('#in-upd').textbox('clear');
						$('#tba').datagrid('reload');
						}
						})
					$('#win-upd').window('close');
					}
				});
			}
			}
		});
		//修改课题的取消按钮
		$('#bt-upd').linkbutton({
			onClick : function() {
				$('#in-upd').textbox('clear');
				$('#win-upd').window('close');
			}
		});
		//修改课题的弹窗
		$('#win-upd').window({
			closed : true,
			title : '修改课题',
			width : 450,
			height : 250,
			modal : true,
			draggable : false,
			closable : false,
			maximizable : false,
			minimizable : false,
			collapsible : false,
			resizable : false
		});
		//请求中的课题
		$('#tba').datagrid({
			title:'已上传的课题',
			url : 'showApp',
			fitColumns : true,
			rownumbers : true,
			columns : [ [ {
				field : 'ck',
				checkbox : true,
				width : 100,
				align : 'center'
			}, {
				field : 'appid',
				title : '序列号',
				width : 80,
				align : 'center'
			}, {
				field : 'apptype',
				title : '请求类型',
				width : 100,
				align : 'center'
			}, {
				field : 'appcontent',
				title : '课题名称',
				width : 200,
				align : 'center'
			}, {
				field : 'apptime',
				title : '申请时间',
				width : 150,
				align : 'center'
			}, {
				field : 'appstate',
				title : '审核结果',
				width : 100,
				align : 'center',
			} ] ],
		});
		
	})
</script>
<body>
	<!-- 课程管理界面 -->
	<table id="dg"></table>

	<!-- 已通过课题界面 -->
	<div id="course" class="easyui-panel" closed="true">
		<table id="tb"></table>
	</div>
	
	<!-- 已上传课题界面 -->
	<div id="tb-add" class="easyui-panel">
		<table id="tba"></table>
	</div>

	<!-- 上传课题的输入框 -->
	<div id="win">
		<div style="margin-top: 50px; margin-left: 30px">
			<span style="font-size: 14px">课题名称:</span><input id="in1" name="acontent"
				class="easyui-textbox" style="width: 300px; height: 30px">
		</div>
		<br> <br>
		<div style="margin-top: 20px; margin-left: 150px">
			<a id="btn" href="#" style="width: 50px">提交</a>
			<a id="bt" href="#" style="width: 50px; margin-left: 40px">取消</a>
		</div>
	</div>
	<!-- 修改课题的输入框 -->
	<div id="win-upd">
		<div style="margin-top: 50px; margin-left: 30px">
			<span style="font-size: 14px">将课题修改为:</span><input id="in-upd" name="acontent"
				class="easyui-textbox" style="width: 300px; height: 30px">
		</div>
		<br> <br>
		<div style="margin-top: 20px; margin-left: 150px">
			<a id="btn-upd" href="#" style="width: 50px">提交</a>
			<a id="bt-upd" href="#" style="width: 50px; margin-left: 40px">取消</a>
		</div>
	</div>

</body>
</html>



